<template>
    <div class="divbox">
        <div class="biaotou">
            <img src="https://lanhu.oss-cn-beijing.aliyuncs.com/pst622fjhl4o6afh732naqfa9vy6y78am502c0a75-2890-4b63-a5f1-e78da442f495"
                alt="">
            <div>购物车</div>
        </div>
        <gouwu :checked="checked" :value="value"></gouwu>
        <gouwu :checked="checked" :value="value"></gouwu>
        <gouwu :checked="checked" :value="value"></gouwu>
        <gouwu :checked="checked" :value="value"></gouwu>
        <gouwu :checked="checked" :value="value"></gouwu>
        <!-- <div>
            <van-cell-group>
                <vanCell>
                    <div class="aa">
                        <van-checkbox v-model="checked" shape="square" class="bb"></van-checkbox>
                        <img src="https://tse2-mm.cn.bing.net/th/id/OIP-C.YKoZzgmubNBxQ8j-mmoTKAHaEK?pid=ImgDet&rs=1"
                            alt="">
                    </div>
                    <div class="cc">
                        <div class="xinxian">新鲜水果清新柠檬</div>
                        <div class="keshu">克数:500克</div>
                    </div>
                    <van-icon name="delete" class="shanchu" />
                    <div class="jisuan">
                        <span class="jiage">￥16.00</span>
                        <van-stepper v-model="value" />
                    </div>
                </vanCell>
            </van-cell-group>
        </div> -->
        <div class="divboxxia">
            <van-submit-bar :price="3050" button-text="提交订单" @submit="onSubmit">
                <van-checkbox v-model="checked">全选</van-checkbox>
                <template #tip>
                    你的收货地址不支持配送, <span @click="onClickLink">修改地址</span>
                </template>
            </van-submit-bar>
            <xia></xia>
        </div>
    </div>
</template>

<script setup>
import gouwu from "./component/gouwu.vue"
import xia from "@/views/page/components/xia.vue"
import { ref } from 'vue'
const checked = ref(false);
const value = ref(1);
</script>


<style lang="scss" scoped>
.divboxxia {
    display: flex;
    flex-direction: column;
    margin-top: 9%;
    position: relative;
    bottom: 0;
}

:deep(.box_13) {

    position: relative !important;

}

:deep(.van-submit-bar) {
    position: relative !important;
    top: 10%;
}

.van-checkbox {
    width: 38px;
    text-align: center;
    display: block;
}


.divbox {
    width: 100%;
    height: 100%;
    background: #fff;
    // display: flex;
    // justify-content: center;
    // align-items: center;

    .biaotou {
        margin-top: 3px;
        display: flex;
        align-items: center;
        flex-direction: column;
        margin-bottom: px;

        img {
            width: 100%;
            height: 20px;
        }

        div {
            margin-top: 3%;
            font-size: 35px;
        }
    }
}
</style>

